<template>
  <div v-loading="loading">
    <el-row :gutter="20">
      <el-col :span="8">
        <div class="grid-content bg-purple">
          姓名：{{baseInfo.xm}}  {{baseInfo.xb}} {{baseInfo.mz}} {{baseInfo.hyzk}} {{baseInfo.byzk}}
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple">
          身份证号码：{{baseInfo.gmsfhm}}
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple">
          <span></span>
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="8">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple"></div>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="8">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple"></div>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="12">
        <div class="grid-content bg-purple"></div>
      </el-col>
      <el-col :span="12">
        <div class="grid-content bg-purple"></div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: 'baseInfo',
  props: ['person'],
  data() {
    return {
      baseInfo: {},
      loading:true
    };
  },
  methods: {
    async getPersonBaseInfo() {
    	this.loading = true;
      const res = await this.$services.get({
      	type:'KEYPERSON',
      	url:'getPersonBaseInfo',
      	params:this.person
      });

      let baseInfo = res.bean;
      this.loading = false;
    }
  }
}

</script>
<style lang="css" scoped>
</style>
